<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui">

    <ui:composition template="../../template.xhtml">

        <ui:define name="title">
            <h:outputText value="#{myBundle.AppName}"></h:outputText>
        </ui:define>
        
        <ui:define name="body" >
            
            <h:form>
                <p:accordionPanel style="width: 70%;margin:0 auto;" activeIndex="-1">
                    <p:tab title="Filtros de Busqueda">
                        <p:panelGrid id="pgnuevo" style="margin:0 auto;">
                            <p:row>
                                <p:column styleClass="tdlavel"><h:outputText value="Area de Empresa:"/></p:column>
                                <p:column colspan="5">
                                    <p:selectOneMenu id="rarea" value="#{busquedaEmpleoMB.areaEmpresa}" converter="areaEmpresaConverter">
                                        <f:selectItem itemLabel="Elija una Area"/>
                                        <f:selectItems value="#{areaEmpresaController.getlAreaEmpresa()}"
                                                               var="idAreaEmpresaItem"
                                                               itemValue="#{idAreaEmpresaItem}"
                                                               itemLabel="#{idAreaEmpresaItem.nombre}"/>
                                            <p:ajax update="rtipop"/>
                                    </p:selectOneMenu>                                                         
                                </p:column>
                            </p:row>                  
                            <p:row>
                                <p:column styleClass="tdlavel"><h:outputText value="Tipo de Cargo:"/></p:column>
                                <p:column colspan="5">
                                    <p:selectOneMenu id="rtipop" value="#{busquedaEmpleoMB.tipoCargo}" converter="tipoCargoConverter">
                                        <f:selectItem itemLabel="Elija una Area"/>
                                        <f:selectItems value="#{tipoCargoController.getLtipoCargo(busquedaEmpleoMB.areaEmpresa)}"
                                                               var="idTipoCargoItem"
                                                               itemValue="#{idTipoCargoItem}"
                                                               itemLabel="#{idTipoCargoItem.nombre}"/>
                                    </p:selectOneMenu>                                                         
                                </p:column>
                            </p:row> 
                            <p:row>
                                <p:column styleClass="tdlavel"><h:outputText value="Palabras Clave:"/></p:column>
                                <p:column colspan="5"><p:inputText id="rdescrip" value="#{busquedaEmpleoMB.palabras}" 
                                                                   maxlength="25">
                                                       </p:inputText>
                                </p:column>
                            </p:row>
                            <p:row>
                                <p:column colspan="4" style="text-align: center">
                                    <p:commandButton 
                                                id="regPubl"
                                                ajax="true"
                                                actionListener="#{busquedaEmpleoMB.inicio()}"
                                                value="Generar Busqueda" 
                                                update=":frmdetpubli"
                                                title="Generar Busqueda"/>                                    
                                </p:column>                                
                            </p:row>                                
                        </p:panelGrid>                        
                    </p:tab>
                </p:accordionPanel><br/>
            </h:form> 
            
            <h:form id="frmdetpubli">
                <center>    
                    <p:panelGrid>                                         
                            <p:row>
                                <p:column>
                                <p:commandButton ajax="false"
                                                 update="frmdetpubli"
                                                 actionListener="#{busquedaEmpleoMB.inicio()}"
                                                 icon="ui-icon-arrowthickstop-1-w" title="Inicio"/>                         
                                <p:commandButton ajax="false"
                                                 update="frmdetpubli"
                                                 actionListener="#{busquedaEmpleoMB.atras()}"
                                                 icon="ui-icon-circle-triangle-w" title="Atras"/>                                
                                <p:commandButton ajax="false"
                                                 update="frmdetpubli"
                                                 actionListener="#{busquedaEmpleoMB.siguiente()}"
                                                 icon="ui-icon-circle-triangle-e" title="Siguiente"/> 
                                <p:commandButton ajax="false"
                                                 update="frmdetpubli"
                                                 actionListener="#{busquedaEmpleoMB.fin()}"
                                                 icon="ui-icon-arrowthickstop-1-e" title="Fin"/> 
                                </p:column>
                            </p:row>                                     
                    </p:panelGrid>          
                </center><br/><br/>  
                
            <ui:repeat id="publicList" value="#{publicacionController.lPublicacionActiva(busquedaEmpleoMB.areaEmpresa, busquedaEmpleoMB.tipoCargo, busquedaEmpleoMB.palabras, busquedaEmpleoMB.pg)}" var="public">  
                <p:panel header="#{public.idEmpresa.nombre}" style="width: 70%;margin:0 auto;">
                    <p:panelGrid>                               
                        <p:row>
                            <p:column styleClass="tdlavel"><h:outputText value="Área:"/></p:column>
                            <p:column>
                                <h:outputText value="#{public.idTipoCargo.idAreaEmpresa.nombre}"/>                        
                            </p:column>
                        </p:row>   
                        <p:row>
                            <p:column styleClass="tdlavel"><h:outputText value="Cargo:"/></p:column>
                            <p:column>
                                <h:outputText value="#{public.idTipoCargo.nombre}"/>                        
                            </p:column>
                        </p:row> 
                        <p:row>
                            <p:column styleClass="tdlavel" style="width: 20%"><h:outputText value="Descrición de Plaza:"/></p:column>
                            <p:column>
                                <h:outputText value="#{public.descripcion}"/>                        
                            </p:column>
                        </p:row>                         
                        <p:row>
                            <p:column styleClass="tdlavel"><h:outputText value="Salario desde:"/></p:column>
                            <p:column>
                                <h:outputText value="#{public.salarioDesde}"/>
                            </p:column>
                        </p:row>
                        <p:row>
                            <p:column styleClass="tdlavel"><h:outputText value="Salario hasta:"/></p:column>
                            <p:column>
                                <h:outputText value="#{public.salarioHasta}"/>
                            </p:column>
                        </p:row>                        
                        <p:row>
                            <p:column styleClass="tdlavel"><h:outputText value="Fecha de Registro:"/></p:column>
                            <p:column>
                                <h:outputText value="#{public.fechaReg}">
                                  <f:convertDateTime type="date" pattern="dd-MM-yyyy"/>
                                </h:outputText>
                            </p:column>
                        </p:row> 
                        <p:row>
                            <p:column colspan="2" style="text-align: center">
                                    <p:commandButton value="Ver Detalles" 
                                                     onclick="target='_blank'"
                                                     icon="ui-icon-search"
                                                     action="#{busquedaEmpleoMB.verDetalles(public)}"
                                                     ajax="false"
                                                     title="Actualizar Información"/>                                                                                               
                            </p:column>
                        </p:row>                        
                    </p:panelGrid>                         
                </p:panel><br/>            
            </ui:repeat><br/><br/>  
                
            <center>    
                <p:panelGrid>                                         
                        <p:row>
                            <p:column>
                            <p:commandButton ajax="false"
                                             update="frmdetpubli"
                                             actionListener="#{busquedaEmpleoMB.inicio()}"
                                             icon="ui-icon-arrowthickstop-1-w" title="Inicio"/>                         
                            <p:commandButton ajax="false"
                                             update="frmdetpubli"
                                             actionListener="#{busquedaEmpleoMB.atras()}"
                                             icon="ui-icon-circle-triangle-w" title="Atras"/>                                
                            <p:commandButton ajax="false"
                                             update="frmdetpubli"
                                             actionListener="#{busquedaEmpleoMB.siguiente()}"
                                             icon="ui-icon-circle-triangle-e" title="Siguiente"/> 
                            <p:commandButton ajax="false"
                                             update="frmdetpubli"
                                             actionListener="#{busquedaEmpleoMB.fin()}"
                                             icon="ui-icon-arrowthickstop-1-e" title="Fin"/> 
                            </p:column>
                        </p:row>                                     
                </p:panelGrid>
            </center>        
        </h:form>                
        </ui:define> 
        
        <ui:define name="dialog" >
        
        </ui:define>
        
    </ui:composition>
</html>